<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			
		</style>
	</head>

	<body>
		<div class="banner" id="banner1">
			<div class="move" id="move">
				<ul id="test_div">
					<li><img src="images/a1.png" alt=""></li>
					<li><img src="images/a2.png" alt=""></li>
					<li><img src="images/a3.png" alt=""></li>
					<li><img src="images/a4.png" alt=""></li>
					<li><img src="images/a5.png" alt=""></li>
				</ul>
			</div>
			<div class="ctrl" id="ctrl"></div>
		</div>
		<script type="text/html" id="testId">
			<li><img src="{{img}}" alt=""></li>
		</script>
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/myscroll.js" ></script>
		<script type="application/javascript">
			
			var recommend_quan = [];
			var recommend_img = "";
			var testHTML = "";
			
			$.ajax({
				type:"get",
				url:"json/home.json",
				async:true,
				success:function(data){
					if(data.recommend_quan){
						recommend_quan = data.recommend_quan;
						 
						for (var i = 0; i < recommend_quan.length; i++) {
							recommend_img = recommend_quan[i].recommend_img;
							testHTML += del_html_tags($("#testId").html(),"{{img}}",recommend_img);
							
						}
//						$("#test_div").append(testHTML);
						$(function() {
				// 调用
				/*$('#banner1').myscroll({
					picEl: $('#move'), //图片父级，不传默认为banner内第1个div
					ctrlEl: $('#ctrl'), //控制条父级，包括小圆点和左右箭头，不传默认为banner内第2个div
					libs: true, //是否创建底部小圆点，true || false,不传默认true
					arrows: true, //是否创建左右箭头，true || false,不传默认true
					autoPlay: true, //是否自动播放，true || false,不传默认true
					time: 1000, //自动播放间隔时间，true || false,不传默认2000
					speed: 400, //图片切换速度，不传默认400
					effect: 'fade' //轮播的改变方式 top||left||fade，不传默认left
				});*/
				
			})
					};
					
				}
			});
			
			//自定义一个方法批量替换制定的字符 
			function del_html_tags(str, reallyDo, replaceWith) {
				var e = new RegExp(reallyDo, "g"); //参数 reallyDo 是一个字符串，指定了正则表达式的模式或其他正则表达式,参数 "g" 是一个可选的字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、区分大小写的匹配和多行匹配
				words = str.replace(e, replaceWith); //str里的e换做replaceWith
				return words;
			}
		</script>
	</body>

</html>